.bideliBuying{
  padding-top: 36px;
  // 个人购买记录按钮
  .personRecord{
    position: fixed;
    z-index: 99;
    right: 50px;
    top: 200px;
    width: 70px;
    height: 140px;
    box-shadow: $box-shadow-style1;
    .my_investment, .income_detail{
      height: 70px;
      text-align: center;
      div{
        height: 50%;
      }
      .iconDiv{
        padding-top: 14px;
        i{
          color: $btn-lightBlue-color;
        }
      }
      .text{
        line-height: 35px;
      }
    }
    .my_investment{
      background: $buy-btn-bgColor;
      color: $white-color;
      .iconDiv{
        i{
          color: $white-color;
        }
      }
    }
  }
  .bideliBuying_cont{
    margin: 0 auto;
    width: 1200px;
    .product_buy{
      box-shadow: $box-shadow-style1;
      .product_buy_baseInfo{
        float: left;
        width: 380px;
        height: 420px;
        padding: 70px 30px 0;
        color: $white-color;
        background: $area-bg-color;
        .rateAndCycle{
          .percentage, .cysle{
            float: left;
            .value{
              line-height: 90px;
              .numV, .daysV{
                font-size:64px;
              }
            }
          }
          .cysle{
            margin-left: 65px;
          }
        }
        .progress{
          margin-top: 89px;
          .proress_title{
            margin-bottom: 20px;
            font-weight:500;
            line-height:25px;
          }
          .progress_bar{
            width: 100%;
            .start_text, .start_date{
              position: relative;
              line-height: 20px;
              text-align: center;
              .start, .end {
                position: absolute;
                top: 0;
              }
              .start{
                left: 0;
              }
              .end{
                right: 0;
              }
            }
            .show_bar{
              margin: 10px 0;
              position: relative;
              height: 12px;
              .ing, .noCarry{
                position: absolute;
                top: 0;
                height: 12px;
                overflow: hidden;
                .ing_bar{
                  position: absolute;
                  top: 3px;
                  width: 320px;
                  height: 6px;
                  border-radius: 3px;
                  .start_point, .center_pointer, .end_pointer{
                    position: absolute;
                    top: -3px;
                    width: 6px;
                    height: 6px;
                    border-radius: 50%;
                  }
                  .start_point{
                    left: 0;
                  }
                  .center_pointer{
                    left: 50%;
                    transform: translateX(-50%);
                  }
                  .end_pointer{
                    right: 0;
                  }
                }
              }
              .ing{
                left: 0;
                .ing_bar{
                  background: $white-color;
                  .start_point, .center_pointer, .end_pointer {
                    background: $progress-bar-bg-color;
                    border: 3px solid $white-color;
                  }
                }
              }
              .noCarry{
                width: 320px;
                right: 0;
                .ing_bar{
                  right: 0;
                  background: $progress-bar-bg-color;
                  .start_point, .center_pointer, .end_pointer {
                    background: $base-background-color;
                    border: 3px solid $progress-bar-bg-color;
                  }
                }
              }
            }
          }
        }
      }
      .product_buy_operate{
        float: left;
        padding: 40px 50px 0;
        width: 820px;
        height: 420px;
        overflow: hidden;
        .prodct_title{
          line-height:50px;
          .title{
            display: inline-block;
            font-size:36px;
          }
          .risk, .degree{
            font-size:18px;
          }
          .risk{
            margin-left: 24px;
          }
          .degree{
            color: $btn-lightBlue-color;
          }
          .back{
            float: right;
            color: $btn-lightBlue-color;
          }
        }
        .amount{
          margin: 30px 0 20px;
          .remaining{
            .text{
              line-height:20px;
              color: $explain-font-color;
            }
            .val{
              line-height:40px;
              .valNum{
                margin-right: 10px;
                font-size: 28px;
              }
            }
          }
        }
        .operate{
          position: relative;
          width: 600px;
          .wgt-inlineInput{
            float: left;
            width: 400px;
            input{
              height: 48px;
            }
          }
          button{
            float: left;
            width: 160px;
            border-radius: 0;
            height: 50px;
          }
          .purchaseCurrency{
            position: absolute;
            right: 209px;
            top: 0;
            line-height: 50px;
            z-index: 99;
          }
        }
        .inpErrorInfo{
          line-height: 20px;
          color: red;
        }
        .limit_time{
          margin: 10px 0 32px;
          color: $explain-font-color	;
        }
        .income_rule{
          p{
            line-height:20px;
            color: $explain-font-color	;
          }
        }
      }
    }
    .product_info{
      margin-top: 50px;
      .tab{
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid $border-blue-color;
        span{
          display: inline-block;
          padding: 0 20px;
          height: 50px;
          &.tabActive{
            position: relative;
            &::after{
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              content: '';
              width: 40px;
              height: 3px;
              background: $div-border-bottom;
            }
          }
        }
      }
      .tabCont{
        padding: 43px 0 61px;
        .productInfo{
          .list{
            margin-bottom: 50px;
            .productInfo_list{
              float: left;
              &.list_left{
                margin-right: 180px;
              }
              p{
                line-height: 36px;
                .title{
                  width: 174px;
                  display: inline-block;
                  margin-right: 20px;
                  color: $explain-font-color;
                }
              }
            }
          }
          .productDes{
            h3{
              margin-bottom: 10px;
            }
            p{
              line-height: 24px;
              color: $unimportant-font-color1;
            }
          }
        }
        .common_problem{
          p{
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 24px;
            strong{
              height: 26px;
              line-height: 26px;
              font-size: 18px;
              font-weight: 400;
            }
          }
        }
      }
    }
  }
  .dialog-operations{
    .detailTitle{
      padding: 30px 40px 0;
      line-height:33px;
      font-size:24px;
      color: $base-font-color;
    }
  }
  .dialog-contents{
    .detailAlertData{
      .data{
        p{
          height: 39px;
          line-height: 39px;
          text-indent: 10px;
          border-bottom: 1px solid $beforeOrAfterBg;
          .text{
            display: inline-block;
            width: 140px;
            color: $explain-font-color;
          }
          .num{
            color: $base-font-color;
          }
        }
      }
    }
  }
  .dialog-footers{
    .detailAlertFooter{
      button{
        width: 160px;
        height: 50px;
      }
    }
  }
}
